<?php if (!$is_mobile): ?>
    <div class="navbar main-nav">
        <div class="navbar-inner">
            <a class="brand" href="<?php echo base_url() ?>">Shopsii<sup>©</sup></a>
            <ul class="nav">
                <li <?php echo $this->uri->segment(1) == 'women' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>women" title="คุณผู้หญิง"><i class="w-glyphicon-woman" ></i> <span>Women</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'men' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>men" title="ท่านชาย"><i class="w-glyphicon-user" ></i> <span>Men</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'kids' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>kids" title="คุณหนู"><i class="w-glyphicon-girl" ></i> <span>Kids</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'pets' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>pets" title="สัตว์เลี้ยง"><i class="w-glyphicon-dog"></i> <span>Pets</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'mobiles-tablets' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>mobiles-it" title="มือถือและไอที"><i class="w-glyphicon-iphone" ></i> <span>Mobiles & IT</span></a></li>


                <li <?php echo $this->uri->segment(1) == 'households' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>gadgets-hobbies"  title="ของเล่นและงานอดิเรก"><i class="w-glyphicon-gamepad"></i> <span>Gadgets & Hobbies</span></a></li>

            </ul>
        </div>
    </div>
<?php else: ?>
    <div class="navbar main-nav">
        <div class="navbar-inner">
            <a class="brand" href="<?php echo base_url() ?>">Shopsii<sup>©</sup></a>
            <ul class="pull-right">
                <ul class="nav" style="width:auto;">
                    <li style="text-align:right"><a href="javascript:void(0)" class="expand-menu">หมวดร้านค้า  <i class="icon-caret-down"></i></a></li>
                </ul>
            </ul>

            <ul class="nav hide" style="width:100%;">
                <li <?php echo $this->uri->segment(1) == 'women' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>women" title="คุณผู้หญิง"><i class="w-glyphicon-woman" ></i> <span>Women</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'men' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>men" title="ท่านชาย"><i class="w-glyphicon-user" ></i> <span>Men</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'kids' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>kids" title="คุณหนู"><i class="w-glyphicon-girl" ></i> <span>Kids</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'pets' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>pets" title="สัตว์เลี้ยง"><i class="w-glyphicon-dog"></i> <span>Pets</span></a></li>

                <li <?php echo $this->uri->segment(1) == 'mobiles-tablets' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>mobiles-it" title="มือถือและไอที"><i class="w-glyphicon-iphone" ></i> <span>Mobiles & IT</span></a></li>


                <li <?php echo $this->uri->segment(1) == 'households' ? 'class="active"' : '' ?>><a href="<?php echo base_url() ?>gadgets-hobbies"  title="ของเล่นและงานอดิเรก"><i class="w-glyphicon-gamepad"></i> <span>Gadgets & Hobbies</span></a></li>

            </ul>

            <style>
                .nav.hide
                {
                    margin-right:0;
                    margin-left:-21px;
                    margin-bottom: 20px;
                }
                .nav.hide li
                {
                    
                    margin-left:0;
                    display:block !important;
                    float:left;
                    background:#080808;
                }
                .nav.hide li a
                {
                    text-align:right;
                    width:435px;
                    display:block;
                }
            </style>
            <script>
                $(function() {
                    $('.hide').hide();
                    $('.expand-menu').click(function() {
                        $('.nav.hide').slideDown();
                    });
                });
            </script>
        </div>
    </div>
<?php endif; ?>
<?php if ($this->uri->segment(1) == '' && !$is_mobile): ?>
    <div class="pull-right" style="border:2px solid #080808">
        <div class="fb-like-box" data-href="http://www.facebook.com/pages/Shopsii/334172216705805" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div>
    </div>
<?php endif; ?>

